<template>
      <navigator :url="`/pages/goods_detail/goods_detail?goods_id=${data.goods_id}`" class="goodsItem" v-if="data">
      <u-image 
      width="190rpx" 
      height="190rpx" 
      :src="data.goods_big_logo" 
      mode="aspcetFill"
      ></u-image>
      <view class="desc">
        <view class="title">{{data.goods_name}}</view>
        <view class="price">￥{{data.goods_price}}</view>
      </view>
    </navigator>
</template>

<script>
export default {
  props:{
    data:{
      type:Object,
      required:true
    }
  }
}
</script>

<style lang="scss" scoped>
.goodsItem{
  padding: 40rpx 40rpx 0;
  display: flex;
  .desc{
    height: 190rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16rpx 26rpx 16rpx 30rpx;
    .title{
      font-size: 24rpx;
      color: #434343;
    }
    .price{
      font-size: 24rpx;
      color: red;
    }
  }
}
</style>